<script type="text/javascript">
        var text = [''
                    ];
        $(document).ready(function() {
            $('#gallery').bgslider({
                images: "["+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg1.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg2.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg3.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg4.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg5.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg6.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg7.jpg', title: 'k2 covered in clouds' }"+
				"]",
                speed: 5000,
                preloadall: false,
				loading: '<?php echo base_url()?>templates/js/backgroundslider/images/loading.gif',
                onslidechange: function(src, index) {
                    $('#contents').html(text[index]);
                }
            });
        });       
</script>
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>templates/css/introduce_style.css" />
<script language="javascript" type="text/javascript" src="<?php echo base_url()?>templates/js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo base_url()?>templates/js/script.js"></script>
<script type="text/javascript">
 $(document).ready( function(){	
		// buttons for next and previous item						 
		var buttons = { previous:$('#jslidernews1 .button-previous') ,
						next:$('#jslidernews1 .button-next') };
		 $obj = $('#jslidernews1').lofJSidernews( { interval : 4000,
											 	easing			: 'easeInOutQuad',
												duration		: 1200,
												auto		 	: false,
												maxItemDisplay  : 3,
												startItem:0,
												navPosition     : 'horizontal', // horizontal
												navigatorHeight : null,
												navigatorWidth  : null,
												mainWidth:1024,
												buttons:buttons} );		
	});
</script>
<div id="wrapper">
  <div id="slider">
    <div id="templatemo_wrapper">
      <div class="scroll">
        <div class="scrollContainer">
          <div class="panel" id="home"> <a href="#panel_dich_vu_truc_tuyen">
            <div class="box" id="box_dichvu">
              <p style="margin-top:20px; margin-bottom:20px;"><?php echo lang('home_online_service');?></p>
              <img src="<?php echo base_url()?>templates/images/DichVuTrucTuyen.png" style="margin-top:20px;"/> </div>
            </a> <a href="#panel_phan_mem_website">
            <div class="box" id="box_phanmem" >
              <p style="margin-top:20px; margin-bottom:20px;"><?php echo lang('home_software_website');?></p>
              <img src="<?php echo base_url()?>templates/images/Phanmem_website.png" style="margin-top:20px;"/> </div>
            </a> <a href="#panel_tu_van_giai_phap">
            <div class="box" id="box_tuvan">
              <p style="margin-top:20px; margin-bottom:20px;"><?php echo lang('home_solution_consult');?></p>
              <img src="<?php echo base_url()?>templates/images/TuVanGiaiPhap.png" style="margin-top:20px;"/> </div>
            </a> <a href="#panel_linh_vuc_khac">
            <div class="box" id="box_khac">
              <p style="margin-top:20px; margin-bottom:20px;"><?php echo lang('home_other');?></p>
              <img src="<?php echo base_url()?>templates/images/LinhVucKhac.png" style="margin-top:20px;"/> </div>
            </a> </div>
          <!--Dịch vụ trực tuyến-->
          <div class="box_detailinformation" id="panel_dich_vu_truc_tuyen">
            <div class="box_content_bg">
            
              <div class="box_content">
                <p id="title_item"><?php echo lang('home_online_service');?></p>
                <hr style="margin:auto; width:420px;" />
                <br />
                <div id="content_item">
                	<?=$dich_vu_truc_tuyen->lb_summary;?>
                </div>
              </div>

            </div>
            <img src="<?php echo base_url()?>templates/images/imgDichVuTrucTuyen.jpg" class="box_image"/> </div>
          <div id="box_button">
            <a href="#panel_linh_vuc_khac"><div id="left"></div></a>
            <a href="#panel_phan_mem_website"><div id="right"></div></a>
          </div>
          <!---------------------> 
          
          <!--Phần mềm website-->
          <div class="box_detailinformation" id="panel_phan_mem_website" >
            <div class="box_content_bg">
            <a href="<?php echo base_url().'news/detail/'.$phan_mem_website->id_news_category; ?>">
              <div class="box_content">
                <p id="title_item"><?php echo lang('home_software_website');?></p>
                <hr style="margin:auto; width:420px;" />
                <br />
                <div id="content_item">
					<?=$phan_mem_website->lb_summary;?>
                </div>
              </div>
            </a>
            </div>
            <img src="<?php echo base_url()?>templates/images/imgPhanmem_Website.png" class="box_image_phanmem"/> </div>
          <div id="box_button">
            <a href="#panel_dich_vu_truc_tuyen"><div id="left"></div></a>
            <a href="#panel_tu_van_giai_phap"><div id="right"></div></a>
          </div>
          <!---------------------> 
          
          <!--Tu Van Giai Phap-->
          <div class="box_detailinformation" id="panel_tu_van_giai_phap">
            <div class="box_content_bg">
            
              <div class="box_content">
                <p id="title_item"><?php echo lang('home_solution_consult');?></p>
                <hr style="margin:auto; width:420px;" />
                <br />
                <div id="content_item">
                	<?=$tu_van_giai_phap->lb_summary;?>
                </div>
              </div>
           
            </div>
            <img src="<?php echo base_url()?>templates/images/imgTuVanGiaiPhap.png" class="box_image_tuvan"/> </div>
          <div id="box_button">
           <a href="#panel_phan_mem_website"><div id="left"></div></a>
            <a href="#panel_linh_vuc_khac"><div id="right"></div></a>
          </div>
          <!---------------------> 
          
          <!--Lĩnh vực khác-->
          <div class="box_detailinformation" id="panel_linh_vuc_khac" >
            <div class="box_content_bg">
           	
              <div class="box_content">
                <p id="title_item"><?php echo lang('home_other');?></p>
                <hr style="margin:auto; width:420px;" />
                <br />
                <div id="content_item">
                	<?=$linh_vuc_khac->lb_summary;?>
                </div>
              </div>

            </div>
            <img src="<?php echo base_url()?>templates/images/imgLinhVucKhac.jpg" class="box_image"/> </div>
          <div id="box_button">
            <a href="#panel_tu_van_giai_phap"><div id="left"></div></a>
            <a href="#panel_dich_vu_truc_tuyen"><div id="right"></div></a>
          </div>
          <!---------------------> 
        </div>
      </div>
    </div>
  </div>
</div>
